
<template>
    <div>
        <div class="download">
        </div>

        <div class="blank"></div>
        <div class="container ">
            <div class="swiper ">
                <van-swipe class="my-swipe" :autoplay="5000" :show-indicators="false" :width="375">
                    <van-swipe-item><img src="https://img.sonkwo.cn/FiCgLkbTW0zsbQ4xzgabIuD34pTO?imageView2/1/w/345/h/134 "
                            alt=" "></van-swipe-item>
                    <van-swipe-item><img src="https://img.sonkwo.cn/FiCgLkbTW0zsbQ4xzgabIuD34pTO?imageView2/1/w/345/h/134 "
                            alt=" "></van-swipe-item>
                    <van-swipe-item><img src="https://img.sonkwo.cn/FiCgLkbTW0zsbQ4xzgabIuD34pTO?imageView2/1/w/345/h/134 "
                            alt=" "></van-swipe-item>
                    <van-swipe-item><img src="https://img.sonkwo.cn/FiCgLkbTW0zsbQ4xzgabIuD34pTO?imageView2/1/w/345/h/134 "
                            alt=" "></van-swipe-item>
                </van-swipe>

            </div>
            <div class="search">
                <div class="search_item"><img
                        src="https://static.sonkwo.com/frontend/assets/ce978abaf6b770a60c3ce3c51fb4fdf4.png" alt="">
                    <p>分类</p>
                </div>
                <div class="search_item"><img src="../assets/img/tuijian.png" alt="">
                    <p>热门推荐</p>
                </div>
                <div class="search_item"><img src="../assets/img/zhekou.png" alt="">
                    <p>促销折扣</p>
                </div>
                <div class="search_item"><img src="../assets/img/zhoubian.png" alt="">
                    <p>限量周边</p>
                </div>
            </div>
            <div class="goodsbox">
                <p>【北通】享受更过瘾的游戏体验</p>
                <div class="mask">
                    <img src="https://s3.sonkwo.com/FopaVqOF2MhSV9Jvw3fI-O_-fBIO?imageView2/1/w/375/h/150"
                        referrerPolicy="no-referrer" alt="">
                </div>
                <div class="goodsboxlist">
                    <div class="goodsboxitem">
                        <div class="imgbox">
                            <img src="https://s1.sonkwo.com/FoCZUjUI3rQmIITu0I5BhWcaLn25?imageMogr2/thumbnail/139"
                                referrerPolicy="no-referrer" alt="">
                        </div>
                        <p>北通蝙蝠无线游戏手柄-黑色</p>
                        <b>￥399</b>
                    </div>
                    <div class="goodsboxitem">
                        <div class="imgbox">
                            <img src="https://s1.sonkwo.com/FoCZUjUI3rQmIITu0I5BhWcaLn25?imageMogr2/thumbnail/139"
                                referrerPolicy="no-referrer" alt="">
                        </div>
                        <p>北通蝙蝠无线游戏手柄-黑色</p>
                        <b>￥399</b>
                    </div>
                    <div class="goodsboxitem">
                        <div class="imgbox">
                            <img src="https://s1.sonkwo.com/FoCZUjUI3rQmIITu0I5BhWcaLn25?imageMogr2/thumbnail/139"
                                referrerPolicy="no-referrer" alt="">
                        </div>
                        <p>北通蝙蝠无线游戏手柄-黑色</p>
                        <b>￥399</b>
                    </div>
                    <div class="goodsboxitem">
                        <div class="imgbox">
                            <img src="https://s1.sonkwo.com/FoCZUjUI3rQmIITu0I5BhWcaLn25?imageMogr2/thumbnail/139"
                                referrerPolicy="no-referrer" alt="">
                        </div>
                        <p>北通蝙蝠无线游戏手柄-黑色</p>
                        <b>￥399</b>
                    </div>
                </div>
                <div class="check_more">查看更多></div>
            </div>
            <div class="blank2"></div>
            <div class="goodsbox">
                <p>【北通】享受更过瘾的游戏体验</p>
                <div class="mask">
                    <img src="https://s3.sonkwo.com/FopaVqOF2MhSV9Jvw3fI-O_-fBIO?imageView2/1/w/375/h/150"
                        referrerPolicy="no-referrer" alt="">
                </div>
                <div class="goodsboxlist">
                    <div class="goodsboxitem">
                        <div class="imgbox">
                            <img src="https://s1.sonkwo.com/FoCZUjUI3rQmIITu0I5BhWcaLn25?imageMogr2/thumbnail/139"
                                referrerPolicy="no-referrer" alt="">
                        </div>
                        <p>北通蝙蝠无线游戏手柄-黑色</p>
                        <b>￥399</b>
                    </div>
                    <div class="goodsboxitem">
                        <div class="imgbox">
                            <img src="https://s1.sonkwo.com/FoCZUjUI3rQmIITu0I5BhWcaLn25?imageMogr2/thumbnail/139"
                                referrerPolicy="no-referrer" alt="">
                        </div>
                        <p>北通蝙蝠无线游戏手柄-黑色</p>
                        <b>￥399</b>
                    </div>
                    <div class="goodsboxitem">
                        <div class="imgbox">
                            <img src="https://s1.sonkwo.com/FoCZUjUI3rQmIITu0I5BhWcaLn25?imageMogr2/thumbnail/139"
                                referrerPolicy="no-referrer" alt="">
                        </div>
                        <p>北通蝙蝠无线游戏手柄-黑色</p>
                        <b>￥399</b>
                    </div>
                    <div class="goodsboxitem">
                        <div class="imgbox">
                            <img src="https://s1.sonkwo.com/FoCZUjUI3rQmIITu0I5BhWcaLn25?imageMogr2/thumbnail/139"
                                referrerPolicy="no-referrer" alt="">
                        </div>
                        <p>北通蝙蝠无线游戏手柄-黑色</p>
                        <b>￥399</b>
                    </div>
                </div>
            </div>
            <div class="check_more">查看更多></div>
            <div class="blank2"></div>
            <div class="goodsbox">
                <p>【北通】享受更过瘾的游戏体验</p>
                <div class="mask">
                    <img src="https://s3.sonkwo.com/FopaVqOF2MhSV9Jvw3fI-O_-fBIO?imageView2/1/w/375/h/150"
                        referrerPolicy="no-referrer" alt="">
                </div>
                <div class="goodsboxlist">
                    <div class="goodsboxitem">
                        <div class="imgbox">
                            <img src="https://s1.sonkwo.com/FoCZUjUI3rQmIITu0I5BhWcaLn25?imageMogr2/thumbnail/139"
                                referrerPolicy="no-referrer" alt="">
                        </div>
                        <p>北通蝙蝠无线游戏手柄-黑色</p>
                        <b>￥399</b>
                    </div>
                    <div class="goodsboxitem">
                        <div class="imgbox">
                            <img src="https://s1.sonkwo.com/FoCZUjUI3rQmIITu0I5BhWcaLn25?imageMogr2/thumbnail/139"
                                referrerPolicy="no-referrer" alt="">
                        </div>
                        <p>北通蝙蝠无线游戏手柄-黑色</p>
                        <b>￥399</b>
                    </div>
                    <div class="goodsboxitem">
                        <div class="imgbox">
                            <img src="https://s1.sonkwo.com/FoCZUjUI3rQmIITu0I5BhWcaLn25?imageMogr2/thumbnail/139"
                                referrerPolicy="no-referrer" alt="">
                        </div>
                        <p>北通蝙蝠无线游戏手柄-黑色</p>
                        <b>￥399</b>
                    </div>
                    <div class="goodsboxitem">
                        <div class="imgbox">
                            <img src="https://s1.sonkwo.com/FoCZUjUI3rQmIITu0I5BhWcaLn25?imageMogr2/thumbnail/139"
                                referrerPolicy="no-referrer" alt="">
                        </div>
                        <p>北通蝙蝠无线游戏手柄-黑色</p>
                        <b>￥399</b>
                    </div>
                </div>
            </div>
            <div class="check_more">查看更多></div>
            <div class="blank2"></div>
        </div>

    </div>
</template>
<style lang="scss" scoped>
img {
    display: inline-block;
}

.swiper {
    .my-swipe {
        img {
            width: 100%;
        }
    }
}
</style>